/* 
    Document   : user
    Created on : 15 Feb 10, 17:00:54
    Author     : Hanny Setiawan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Register Config */

#login-form{
    font-size: 12px;
    width:350px;
    padding: 10px;
    text-align: left;
    background-color: #0A0A0A;
    border:1px solid #1A1A1A;
}

#forgot-password{
    font-size: 12px;
    width:350px;
    margin-top: 10px;
    padding: 10px;
    text-align: left;
    background-color: #0F0F0F;
    border:1px solid #1A1A1A;

}

#register-form{
    font-size: 12px;
    width:900px;
    padding: 10px;
    text-align: left;
    background-color: #0A0A0A;
    border:1px solid #1A1A1A;
}

/* Edit User Config */

#add-menu{

    height: 15px;
    padding: 5px 40px;
    
    background-color: #121212;
    border:1px solid #1a1a1a;

    font-size: 10px;
}

#add-menu-link{
    float:left;
    margin-right:10px;
}

.photo-upload{
    float: left;
    font-size: 10px;
    background-color: #0F0F0F;
    border:1px solid #1A1A1A;

    padding: 20px 40px;
}

#buttons{
    margin-top:20px;
    vertical-align: middle;
}

#overview-top{
    width: 900px;
}

.content-overview{
    float: left;
    width: 900px;
    margin-top: 20px;
}

#left-overview{
    float: left;
    width: 480px;
    padding: 5px;
}

#right-overview{
    float: left;
    width: 370px;
    padding: 5px;
}

#button{
    margin: 3px;
    padding: 5px;

    color: #ddd;

    background-color: #570000;
    border: 1px solid #830000;

    font-size: 10px;

    cursor: pointer;
}

#button-tab{
    padding: 5px;

    margin:0px;
    
    color:#bbb;
    background-color: #0F0F0F;
    border:1px solid #1A1A1A;
    border-bottom: none;

    font-size: 9px;
}

#button-tab:hover{
    color: #050505;
    background-color: #FFA94D;
    border:1px solid #FFC588;
}

#right-overview{
}

#right-menu{
    
}

#right-gallery{
    width: 380px;

    margin-top: 5px;
    
    border-top:1px dashed #1A1A1A;
}

/* Albums */

.albums{
    float: left;
    width: 900px;
    
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #151515;
    background: #000;
}

.albums li{
    float: left;
    width: 250px;

    margin: 5px;

    list-style: none;

    text-align: center;
    vertical-align: bottom;
}

.form-add-albums{
    float: left;
    clear: left;
    margin-top: 20px;
}